Add Personal Timesheet View to Me Tab on Dashboard - #469

Step 1 of the redesign plan. Bottom nav tabs are now Dashboard, Huddle,
Clock (center FAB), Tickets, Teams. Settings is still reachable via the
avatar dropdown in the header, matching the prototype's priority order.

Step 2 of the redesign plan. Adds a CSS-only override that turns the
@mieweb/ui Modal into a bottom-sheet on mobile: slides up from the
bottom, full width, rounded top corners only, capped at 88dvh with
internal scroll. Applies to every consumer of the shared Modal (tickets,
teams, org, invite, confirm-delete, feedback, media, etc.) without
forking the component. Desktop behavior is unchanged.

Step 3. Huddle now uses AppPage flush + fill so PostCards stretch to the
viewport edges on mobile (no side gutter, no card radius). Tabs,
composer, drafts, and search input keep px-4 mobile gutter so they still
look inset. Desktop keeps the max-w-4xl reading column (Phase 2 will
tighten this to max-w-2xl). No changes to composer logic or post
rendering.

The quick-stats grid in DashboardPage.tsx already uses
'grid grid-cols-2 gap-3', which satisfies the mobile 2-column requirement
from the redesign plan. Me/Team scope is controlled by the existing
OrgTeamSwitcher / TeamContext, not a separate toggle inside the page, so
no layout change is needed for step 4. Numbers populate correctly for
both personal and team scopes.

Step 5. ClockPage was already a single-column stack (banner status ->
plan/wrap-up composer -> primary action -> punch-clock display). On
mobile the primary action row (Post plan and clock in / Post wrap-up
and clock out / Clock in / Clock out / Break) now stacks vertically
with each Button spanning w-full so the tap target reaches the full
column width. Desktop keeps the horizontal flex-wrap row via
sm:flex-row + sm:w-auto.

Plan-first gate logic in useClockToggle is untouched -- all 11 tests in
useClockToggle.test.ts still pass.

… scoped <768px)

Replaces the anchored Dropdown popover with the shared Modal primitive:
- Mobile: full-width bottom sheet (existing Modal CSS from step 2)
- Desktop: centered dialog (existing Modal CSS from step 10)
- Organization select + Team list with member counts + '+ New team',
  matching design/redesign-prototype/index.html's OrgTeamSwitcher exactly
- Portals the Modal to document.body so it escapes AppHeader's
  backdrop-blur containing block (backdrop-filter creates a new
  containing block for position:fixed descendants, which was pinning
  the sheet near the header instead of the viewport)
- Preserves existing features not in the prototype: org role labels,
  pending join-request badges, awaiting-approval section

- Header trigger now matches the prototype's stacked two-line layout:
  brand mark + bold team name on top, muted 'Org name ▾' below —
  replacing the single-line 'Org > Team' pill.
- Replaced the large translateY(100%) slide-up keyframe with the
  prototype Modal's actual animation: a quiet fade + 4px settle
  (150ms ease-out). The prototype never really 'slides' a large
  distance — it docks the sheet to the bottom and just fades/settles
  it in, which is what read as clean instead of a 'jump'.

- AppPage gains an optional titleActions slot so pages can render
  controls on the same row as the page title (right-aligned), used
  here for the Me/Team segmented toggle from the redesign prototype.
- DashboardPage: 'Me' (default) shows the signed-in user's own hours
  today, open/closed/high-priority tickets, and running timers; 'Team'
  shows the existing team-wide aggregates unchanged.
- The toggle is always visible now (previously personal-team users had
  the team members / time-logged sections silently hidden via
  isPersonalTeam) — switching to Team on a personal team just shows a
  team of one instead of hiding the section.

The prototype's desktop sidebar renders the Organization select + Team
list + '+ New team' inline, always visible — no header button/modal.
Extracted that content into OrgTeamSwitcherPanel (shared with the
mobile bottom sheet) and render it directly in Sidebar.tsx's brand
block for the expanded desktop rail. The header pill + Modal in
OrgTeamSwitcher is now md:hidden (mobile-only) since desktop no longer
needs it — mobile behavior is unchanged.

…prototype"

This reverts commit b7923fd.

… switcher

- Teams page: replace tabs with always-visible Members/Pending sections
- Add horizontal-scroll team pill switcher (Personal + selected team lead, rest follow)
- Consolidate Rename/Delete/Copy/Share into Team Settings modal; keep code+copy under team name
- Restore per-member 3-dot menu (Make/Remove Admin, Set Password, Remove Member) for all rows, including self (minus self-demote/remove)
- Compact icon-only Create/Join Team buttons in page title actions
- Move admin Timesheet view from Teams to Dashboard's Team tab with Overview/Timesheet toggle and deep-link support
- Scope the mobile bottom-sheet Modal treatment to only the org/team switcher modal, restoring default centered dialogs everywhere else
- Update e2e tests and notification deep links to match

Give the plan/wrap-up composer the same Photo/Video/Doc/Pulse/Ticket/
@Mention bar as the Huddle composer (extracted into shared
ComposerAttachButtons/ComposerChips so both stay in sync), and match the
redesign prototype's status card (bold elapsed-session timer instead of
the wall clock) and Recent sessions list.

- Override @mieweb/ui's mobile full-screen defaults (min-h-dvh, rounded-none)
  so all modals render as centered popups on every screen size
- Add horizontal margin on small screens so modals don't touch viewport edges
- Move org-switcher bottom-sheet rules outside the 767px media query so the
  bottom-sheet treatment applies on all screen sizes (not just mobile)

Drop the avatar circle and nested flex wrapper from the expanded
composer, trim its padding, and widen the feed's max-width from 2xl to
4xl so it isn't stranded in a narrow strip on wide dashboards.

Replace text "Copy" link with a tight code badge + copy + share icon
button group so the invite code row stays uncluttered. Share uses the
Web Share API with a clipboard fallback for desktop.

Match Clock's column width to Huddle's (max-w-2xl -> max-w-4xl). Also
drop the opacity/saturate dimming on the bottom-nav Clock In/Out FAB
when a plan or wrap-up is pending — it's a plain link to the clock
page, not a disabled control, so it shouldn't look blocked.

The per-row "..." menu used the plain library Dropdown, which
positions its menu absolutely inside the ticket list's
overflow-y-scroll container. Per the CSS overflow spec, once one axis
is scrollable the other axis clips too, so the menu was silently cut
off for rows near the bottom of the list -- the same class of bug
FilterDropdown already works around elsewhere in this file. Portal the
menu to document.body with fixed coordinates computed from the
trigger's rect, same pattern.

- Add meView state ('overview' | 'timesheet') to the Me tab
- Add Overview / Timesheet secondary toggle under Me tab
- Render AdminTimesheetPanel pre-loaded with the current user when meView is 'timesheet'
- Add userToTeamMember helper to convert TimecoreUser to TeamMember shape

- playwright.config: bump retries 1→2 and per-test timeout 30s→45s; grant clipboard-read/write permission so copy-link flows can actually write to the clipboard (previously NotAllowedError).

- loginAs: after waitForURL('**/dashboard') also await waitForLoadState('networkidle') so the post-login session/orgs/teams fanout is settled before the test navigates — otherwise the next page.goto() occasionally races the session-cookie handshake and bounces back to the login screen.

- realtime specs (media-library, messages, notifications, team-members, timesheet): give the login toHaveURL check an explicit 15s timeout — the default 5s occasionally clips when the backend is warming up under sequential load.

- notifications:52, channels:140, pulsevault:348, notifications:28: test.setTimeout(60000) — these are the four historically flaky tests; 45s occasionally isn't enough late in the suite.

- profile-routing selectTestTeam: after page.reload(), wait for networkidle first, then require the Teams heading with a 20s timeout — the reload path is where the auth cookie sometimes hadn't propagated, dropping us on the login screen.

…e ambient background CSS

Restores the original translateX-only keyframe. Removes all ambient-bg orb rules that were added for the background color experiment.

Removes the app-bg class and initAmbientBg hook call from AppLayout. Removes AmbientBgRow toggle from Settings Appearance section and deletes useAmbientBg.ts.

Removes the ClockStrand from the timer pill so mobile shows only the HH:MM:SS digits. Also removes the now-unused ClockStrand import.

Reduces gap, card padding, and timer font size on small screens. Hides the decorative wave strand on mobile. Shrinks the composer heading on mobile. All layout values restore to their original sizes at md breakpoint.

After updateSettings saves requirePlanForClock: true, fan-out a notification to every team member (except the admin who made the change) via createNotification, which persists to the inbox and fires a push.

Initialises teamFilter from selectedTeamId so the list opens pre-filtered to the active team. A useEffect also follows the team switcher so changing teams in the header updates the filter automatically.

…reak, useWorkspaceGreeting

…useClockToggle

…BottomNav focus trap, styles.css comment

- TeamsPage: forward old /app/teams?tab=timesheet notification URLs to /app/dashboard
- TeamContext: expose allTeams (unscoped) alongside scoped teams
- DashboardPage: switch org when deep-link teamId belongs to a different org
- BottomNav More sheet: move focus in on open, trap Tab/Shift+Tab, restore focus to trigger on close
- styles.css: document data-slot/data-state internals dependency with TODO to fix upstream

…k active tickets

- Remove Me/Team scoping from the Dashboard entirely
- Single Overview/Timesheet toggle in the content area (no more two-toggle confusion)
- Timesheet tab shows AdminTimesheetPanel for admins, PersonalTimesheetPanel for others
- Stats cards always show team data
- Active ticket rows are now clickable buttons that navigate to /app/tickets/:id

…tats cards

…ew/Timesheet

- Me/Team pill toggle back in the title bar
- Stats cards (Hours, Open tickets, Closed today, High priority) scope to Me or Team
- Team Members and Time logged today sections only appear on Team tab
- Single Overview/Timesheet toggle in content (no duplicate toggles)
- Active ticket rows remain clickable, navigating to /app/tickets/:id

Will address the timezone boundary bug in a separate PR.